/* eslint-disable vue/no-unused-components */
<template>
  <v-app>
    <v-app-bar
      app
      color="primary"
      dark
      clipped-left
    >
      <div class="d-flex align-center">
        <v-img
          alt="Vuetify Logo"
          class="shrink mr-2"
          contain
          src="../assets/fy.jpg"
          transition="scale-transition"
          width="40"
        />
      </div>

      <v-spacer></v-spacer>

      <v-btn
        text
      >
        <span class="mr-2">退出</span>
        <v-icon>mdi-open-in-new</v-icon>
      </v-btn>
    </v-app-bar>

    <mymenu></mymenu>

    <v-content>
      <myBreadCrumbs></myBreadCrumbs>
      <router-view/>
    </v-content>
  </v-app>
</template>

<script>
import mymenu from '../views/menu'
import myBreadCrumbs from '@/components/common/myBreadCrumbs'

export default {
  name: 'App',

  components: {
    mymenu,
    myBreadCrumbs
  },

  data: () => ({
    //
  })
}
</script>
